<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>融合创新 智造未来</title>
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no' />
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/swiper.min.js"></script>
    <script src="js/swiper.animate.min.js"></script>
</head>

<body>
    <audio src="upload/mp3.mp3" autoplay loop style="display:none">
    </audio>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- page1 -->
            <section class="swiper-slide swiper-slide0">
                <div style="margin-top:130px">
                    <img class="fadeInLeft animated" src="./upload/logo.jpg" width="100" style="border-radius:100px;margin:5px auto">
                    <h1 class="bounce animated homeTitle">融合创新&nbsp;智造未来</h1>
                    <p class="bounce animated" style="margin-top:10px">2016宁波海外青年英才创业创新年会</p>
                </div>
                <div style="position:absolute;bottom:40px;left:0;right:0;">
                  <p>时间：2016年12月14日</p>
                  <p style="margin-top:8px">地点：宁波市镇海区九龙湖开元度假村</p>
                </div>
            </section>
            <!-- page2 -->
            <section class="swiper-slide swiper-slide1">
                <ul class="contentDetail ani resize" style="top:80px" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li>
                        <h3>一、组织机构：</h3>
                        <ul>
                            <li>
                                <p>主办单位：镇海区人民政府</p>
                                <p class="contentParag">宁波市人民政府侨务办公室</p>
                            </li>
                            <li>
                                <p>承办单位：宁波市海外青年英才创新创业委员会</p>
                                <p class="contentParag">宁波镇海朗盛百汇投资管理有限公司</p>
                            </li>
                            <li>
                                <p>支持单位：中共镇海区人才工作领导小组办公室</p>
                                <p class="contentParag">镇海区经济合作局</p>
                                <p class="contentParag">镇海区人民政府侨务办公室</p>
                                <p class="contentParag">镇海区侨企（留企）协会</p>
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!-- page3 -->
            <section class="swiper-slide swiper-slide2">
                <ul class="contentDetail ani resize" style="top:80px" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li class="zoomIn animated" style="animation-delay:1s">
                        <h3>二、活动时间：</h3>
                        <p class="contentParagtwo" style="margin-top:20px">13:00-13:30 候场</p>
                        <p class="contentParagtwo">13:30-17:15 专场活动</p>
                    </li>
                    <li class="zoomIn animated" style="animation-delay:1.5s">
                        <h3>三、活动地点：</h3>
                        <p class="contentParagtwo" style="margin-top:20px">宁波市镇海区九龙湖开元度假村</p>
                    </li>
                    <li class="zoomIn animated" style="animation-delay:2s">
                        <h3>四、参会嘉宾：</h3>
                        <p class="contentParagtwo" style="margin-top:20px">宁波市、镇海区等政府部门领导、企业界代表、投资人、留创企业代表和宁波市海外青年英才创新创业委员会理事等（约160人规模）</p>
                    </li>
                </ul>
            </section>
            <!-- page4 -->
            <section class="swiper-slide swiper-slide3">
                <header class="ani resize" style="top:35px" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                    <h1>论坛活动：开幕式</h1>
                </header>
                <ul class="ani resize contentDetail" style="top:80px" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li>
                        <p>主持人：宁波市海外青年英才创新创业委员会会长苏文骏</p>
                    </li>
                    <li>
                        <p>1、介绍出席主要嘉宾；</p>
                    </li>
                    <li>
                        <p>2、镇海区主要领导致辞（投资环境推介）；</p>
                    </li>
                    <li>
                        <p>3、宁波市领导致辞；</p>
                    </li>
                    <li>
                        <p>4、宁波市海外青年英才创新创业委员会向创业导师颁发证书。</p>
                    </li>
                </ul>
            </section>
            <!-- page5 -->
            <section class="swiper-slide swiper-slide2">
                <header class="ani resize" style="top:35px" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                    <h1>论坛活动：主题演讲</h1>
                </header>
                <ul class="ani resize contentDetail" style="top:80px" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li>
                        <p>主持人：上海朗盛投资有限公司董事长平凡</p>
                    </li>
                    <li>
                        <p>《科技改变生活-赢领生鲜时代》</p>
                        <p class="contentParagtwo">——张  晔：易果生鲜董事长兼CEO,易贸网创始人</p>
                    </li>
                    <li>
                        <p>《设备的生命管理》</p>
                        <p class="contentParagtwo">——李  铧：上海杰之能软件科技有限公司CEO</p>
                    </li>
                    <li>
                        <p>《全民健康时代的科技变革—精准医疗和分子检测的应用》</p>
                        <p class="contentParagtwo">——许俊泉：博奥精典董事长兼总裁</p>
                    </li>
                    <li>
                        <p>《互联网+安全》</p>
                        <p class="contentParagtwo">——谈剑峰：信息安全领域资深专家</p>
                    </li>
                </ul>
            </section>
            <!-- page6  暂定-->
            <section class="swiper-slide swiper-slide4">
              <header class="ani resize" style="top:35px" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                  <h1>论坛活动：互动对话</h1>
              </header>
                <ul class="ani resize contentDetail" style="top:80px" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li>
                        <p>孟  逊：国家“千人计划”专家，在美国科学院院士</p>
                    </li>
                    <li>
                        <p>王  坚：奥林科技创始人兼董事长</p>
                    </li>
                    <li>
                        <p>王  枫：海归背景的金融固定收益和衍生品行业专家</p>
                    </li>
                    <li>
                        <p>俞  波：汉朗网科</p>
                    </li>
                    <li>
                        <p>糜庆丰：博奥木华基因公司 副总经理</p>
                    </li>
                    <li>
                        <p>张  强：国药健康在线副总</p>
                    </li>
                    <li>
                        <p>李建辉：拟邀</p>
                    </li>
                </ul>
            </section>
            <!-- page7 -->
            <section class="swiper-slide swiper-slide2">
              <header class="ani resize" style="top:35px" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                  <h1>海外青年英才创新创业年会</h1>
              </header>
                <ul class="ani resize contentDetail" style="top:80px" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li>
                        <h3>主办单位：</h3>
                        <ul>
                            <li>
                                <p>宁波市海外青年英才创新创业委员会</p>
                                <p>镇海区侨企留企协会</p>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>时间安排：</h3>
                        <ul>
                            <li>
                                <p>2016年12月14日(18:00--20:00)</p>
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!-- page8 -->
            <section class="swiper-slide swiper-slide3">
              <header class="ani resize" style="top:35px" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                  <h1>海外青年英才创新创业年会</h1>
              </header>
                <ul class="ani resize contentDetail" style="top:80px" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                    <li>
                        <h3>主要议程一：领导致辞 </h3>
                        <ul>
                            <li>
                                <p>1、主持人介绍出席领导</p>
                            </li>
                            <li>
                                <p>2、苏文骏会长致辞并作双创会工作总结；</p>
                            </li>
                            <li>
                                <p>3、宁波市侨办领导致辞。</p>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>主要议程二：联谊活动（餐叙）</h3>
                        <ul>
                            <li>
                                <p>1、节目表演</p>
                            </li>
                            <li>
                                <p>2、互动抽奖</p>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="btn ani resize" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                    <a href="signup.html">立即加入</a>
                </div>
            </section>
        </div>
        <img src="images/arrow.png" style="width:20px;height:15px; top:460px; left:150px;" id="array" class="resize">
        <!-- <div class="swiper-pagination"></div> -->
    </div>


    <script>
        scaleW = window.innerWidth / 320;
        scaleH = window.innerHeight / 480;
        var resizes = document.querySelectorAll('.resize');
        for (var j = 0; j < resizes.length; j++) {
            resizes[j].style.width = parseInt(resizes[j].style.width) * scaleW + 'px';
            resizes[j].style.height = parseInt(resizes[j].style.height) * scaleH + 'px';
            resizes[j].style.top = parseInt(resizes[j].style.top) * scaleH + 'px';
            resizes[j].style.left = parseInt(resizes[j].style.left) * scaleW + 'px';
        }

        var mySwiper = new Swiper('.swiper-container', {
            direction: 'vertical',
            pagination: '.swiper-pagination',
            //virtualTranslate : true,
            mousewheelControl: true,
            onInit: function(swiper) {
                swiperAnimateCache(swiper);
                swiperAnimate(swiper);
            },
            onSlideChangeEnd: function(swiper) {
                swiperAnimate(swiper);
            },
            onTransitionEnd: function(swiper) {
                swiperAnimate(swiper);
            },


            watchSlidesProgress: true,

            onProgress: function(swiper) {
                for (var i = 0; i < swiper.slides.length; i++) {
                    var slide = swiper.slides[i];
                    var progress = slide.progress;
                    var translate = progress * swiper.height / 4;
                    scale = 1 - Math.min(Math.abs(progress * 0.5), 1);
                    var opacity = 1 - Math.min(Math.abs(progress / 2), 0.5);
                    slide.style.opacity = opacity;
                    es = slide.style;
                    es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,' + translate + 'px,-' + translate + 'px) scaleY(' + scale + ')';
                }
            },

            onSetTransition: function(swiper, speed) {
                for (var i = 0; i < swiper.slides.length; i++) {
                    es = swiper.slides[i].style;
                    es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';
                }
            },
        })
    </script>
</body>

</html>
